<!DOCTYPE html>
<html>
<head>
	<title>用户详情 -- 快递e栈服务平台</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<link href="css/normalize.css" type="text/css" rel="stylesheet" />
	<link href="css/common.css" type="text/css" rel="stylesheet" />
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/notice.js" type="text/javascript"></script>
	<script src="js/common.js" type="text/javascript"></script>
	<script src="js/regexp.js" type="text/javascript"></script>
	<script src="js/layer/layer.js"></script>
	<style type="text/css">
		.userInfoEditCont{
			width: 100%;
		}
		.userInfoEditCont  .userInfoIcon{
			width: 20%;
			margin: 0px auto 10px;
		}
		.userInfoEditCont  .nickName{
			font-size: 14px;
			text-align: center;
			font-weight: bold;
		}

		/* -----  cover ----- */
		#coverCont{
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
			z-index: 1000;
			display: none;
		}
		.userTypeCont{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1001;
			width: 80%;
			background: #f4f4f4;
			border: 1px solid #f1f1f1;
			border-radius: 5px;
			padding: 20px 0px 30px;
			display: none;
		}
		.userTypeCont .userTypeTitle{
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			padding: 10px 0px;
		}
		.userTypeCont .userType{
			width: 90%;
			margin: 5px auto;
			overflow: hidden;
		}
		.userTypeCont .userType .teacherType{
			width: 45%;
			padding: 10px 2%;
			float: left;
			border: 1px solid #f1f1f1;
			background: #fff;
		}
		.userTypeCont .userType .studentType{
			width: 45%;
			padding: 10px 2%;
			float: right;
			border: 1px solid #f1f1f1;
			background: #fff;
		}
		.userType .typeImg{
			width: 50%;
			margin: 0px auto 5px;
		}
		.userType .typeTitle{
			text-align: center;
			line-height: 30px;
			font-weight: bold;
			color: #333333;
		}
		.userType .typeDesc{
			font-size: 12px;
			color: #888888;
			line-height: 20px;
			text-align: center;
		}

		.submitBtn{
			width: 90%;
			margin: 0 auto 20px;
			text-align: center;
			line-height: 46px;
			border-radius: 23px;
			background: #888888;
			color: #fff;
			font-weight: bolder;
		}

		.userSelectCont{
			width: 100%; 
			background: #fff;
			font-size: 14px;
			overflow: hidden;
			position: fixed;
			left: 0px;
			bottom: 0px;
			display: none;
			z-index: 999;
		}
		.userSelectCont .userSelectTitle{
			width: 90%;
			padding: 0px 5%; 
			background: #fff;
			overflow: hidden;
			border-bottom: 1px solid #f1f1f1;
		}
		.userSelectCont .userSelectTitle .selectCancelBtn{
			float: left;
			color: #1f72ff;
			font-weight: bold;
			line-height: 35px;
		}
		.userSelectCont .userSelectTitle .selectOkBtn{
			float: right;
			color: #1f72ff;
			font-weight: bold;
			line-height: 35px;
		}
		.userSelectCont  .selectNumCont{
			width: 90%;
			padding: 0px 5%;
		}
		.userSelectCont  .selectNumCont .selectNum{
			overflow: hidden;
			padding: 10px 0px;
		}
		.userSelectCont  .selectNumCont .selectNum .selectTitle{
			float: left;
			width: 100px;
		}
		.userSelectCont  .selectNumCont .selectNum .selectNumDiv{
			float: left;
			width: calc(100% - 100px);
		}
		.userSelectCont  .selectNumCont .selectNum .selectNumDiv ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		.userSelectCont  .selectNumCont .selectNum .selectNumDiv ul li{
			float: left;
			width: 24%;
			margin: 0px 0px 5px 1%;
			text-align: center;
			line-height: 25px;
		}

		.selectNum .selectNumDiv ul li.unselect{
			background: #f1f1f1;
			color: #000;
		}
		.selectNum .selectNumDiv ul li.select{
			background: #1f72ff;
			color: #fff;
		}

		.userNewPhoneDiv{
			display: none;
		}

		.gapText{
			text-align: center;
			font-size: 14px;
			color: #888888;
			margin-top: 10px;
		}
	</style>
</head>
<body>
<div class="content">
	<div class="headerNav">
		<div class="headerNavTop"><div class="headerNavIcon headerNavIconOut"><span></span><span></span></div></div>
		<div class="headerNavCont">
			<a href="index.html">快递首页</a>
			<a href="userhome.html">个人中心</a>
			<a href="delivery.html">送货上门</a>
			<a href="sendexpress.html">我要寄件</a>
			<a href="lazyboard.html">懒人排行</a>
			<a href="expassistant.html">快递助手</a>
		</div>
	</div>

	<div class="userInfoEditCont">
		<div class="userInfoIcon">
			<img src="images/userInfoIcon.png" width="100%">
		</div>
		<div class="nickName">用户姓名</div>

		<form>
			<input id="PageContext" type="hidden" value="${pageContext.request.contextPath}" />
			<input id="wxCode" type="hidden" value="${wxCode}" />
			<input type="hidden" id="userId" name="userId" value="${sysWxUser.id}">
			<div class="userInputCont">
				<div class="inputTypeCont">
					<div class="inputTitle">新的名称</div>
					<input type="text" class="commonInput" name="name" id="name" placeholder="请输入真实姓名..." />
				</div>
				<div class="inputTypeCont">
					<div class="inputTitle">新的手机</div>
					<input type="text" class="commonInput" id="usernum" name="usernum" placeholder="请输入新手机号码" />
				</div>
				<div class="inputTypeCont">
					<div class="inputTitle">身份证号码</div>
					<input type="text" class="commonInput" id="personalid" name="personalid" placeholder="请输入新身份证号码" />
				</div>
				<div class="inputTypeCont">
					<div class="inputTitle">密码</div>
					<input type="password" class="commonInput" id="password" name="password" placeholder="请输入新密码" />
				</div>
				<div class="inputTypeCont">
					<div class="inputTitle">重复密码</div>
					<input type="password" class="commonInput" id="password_repeat" name="password" placeholder="请再次输入新密码" />
				</div>
				<div class="inputTypeCont">
					<div class="inputTitle">短信</div>
					<input type="text" class="verifiInput" id="msg" name="msg" placeholder="请输入验证码...">
					<input type="button" class="verifiBtn" id="verifyBtn" value="发送验证码">
				</div>
			</div>
		</form>
		<div class="submitBtn" id="subBtn">修改信息</div>
	</div>
</div>
<script src="admin/ckeckAllInputs.js"></script>
<script>
	$(function(){
		let user = null;
		let windowID = layer.load(2);
		$.getJSON("/wechat/getUser.do",null,function(values){
			layer.close(windowID);
			user = values.data;
			// {"id":26,"username":"马腾","personalid":"370348198706123488","userphone":"13869878548","password":"******","createtime":"2021-03-12 14:15:29","logintime":"2021-03-15 10:17:16"}
			$("#name").val(user.username);
			$("#usernum").val(user.userphone);
			$("#personalid").val(user.personalid);
		});
		$("#verifyBtn").click(function(){
			let windowID02 = layer.load(2);
			$.getJSON("/wechat/sms.do",{"phone":user.userphone},function(values){
				layer.close(windowID02);
				layer.msg(values.result);
			});
		});
		$("#subBtn").click(function(){
			let username = $("#name").val();
			let userphone = $("#usernum").val();
			let password = $("#password").val();
			let password_repeat = $("#password_repeat").val();
			let personalid = $("#personalid").val();
			let code = $("#msg").val();
			if (ifInputsByAddChecked(username,userphone,personalid,password,password_repeat)){
				if (code.length>0){
					let windowID03 = layer.load(2);
					$.post("/wechat/updateUser.do",{
						"phone":userphone,
						"code":code,
						"username":username,
						"password":password,
						"personalid":personalid
					},function(values){
						layer.close(windowID03);
						layer.alert(values.result,{icon:6,shade:0.02});
						if (values.status===0){
							window.location.href = "wxUserhome.html";
						}
					},"JSON");
				} else {
					layer.alert("请输入验证码！",{icon:2,shade:0.05});
				}
			}
		});
	});
</script>
</body>
</html>